<template>
	<div class="container">
		<navigationBar title="修改名称"></navigationBar>
		<div class="content" :style="'padding-top: ' + navigationBarHeight + 'px;'">
			<div class="page-main">
				<div class="cell">
					<div class="warp"><input type="text" :password="false" placeholder="请输入用户名" placeholder-style=""
							v-model="userInfo.nickname" /></div>
				</div>
				<div class="submit-btn" @click="submitForm">保存</div>
			</div>
		</div>
	</div>
</template>

<script>
	import data from '@/js/my/editNickname/data.js';
	import methods from '@/js/my/editNickname/methods.js';
	import {
		mapState
	} from 'vuex';
	import navigationBar from '../../components/navigationBar.vue';
	export default {
		data,
		methods,
		onLoad() {},
		onShow() {},
		onHide() {},
		components: {
			navigationBar
		},
		computed: {
			...mapState(['navigationBarHeight', 'userInfo'])
		}
	};
</script>

<style scoped lang="scss">
	@import '~@/style/my/editNickname.scss';
</style>